*{
    padding:0px;
    margin:0px;
    border:0px;
}
body{
    width: 100%;
}
.clear{
    clear: both;
}
.banner img{
    display:block;
    font-size:0;
    width: 100%;
}
a{
    text-decoration: none;
}
.header{
    padding:0px;
    margin:0px;
    border:0px;
    width: 100%;
    position: relative;
    max-width: 1920px;
}
.navbar-toggler{
	padding:1rem;
}
.icon{
    float: left;
    margin-left: 52%;
    width: 100%;
    height: auto;
    padding-top:1%;
    padding-bottom:1%;
}
.banner{
  	padding:0;
  margin:0;
    overflow:hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.bannerImg{
    float:left;
    vertical-align:top;
    font-size: 0;
}
.menu{
    float: right;
    display: flex;
    justify-content: space-around;
    padding-bottom: 0;
    color:#000;
}
.menu ul {
    list-style: none;
    font-size: calc(10px + 0.5vw);
    white-space:nowrap;
    overflow:hidden;
	padding:2% 2% 2% 0;
}

.menu li {
    display: inline-block;
    text-align: center;
    overflow:hidden;
    word-wrap:break-word;
}

.menu a {
    color: #000;
  	padding-bottom:5px;
    text-decoration: none;
}
#nav a:hover{
	border-bottom:2px solid #00427B;
  	border-radius:10px;
  	transition: all 0.8s;
}
.sub-menu .line{
    margin:25px auto;
    width: 80%;
    height: 2px;
    border-top: solid #00427B 2px;
}
.sub-menu{
    height: 0px;
  	display:flex;
  	position:absolute;
    padding-right: 6%;
  	top:calc(19px + 2.7vw);
    justify-content: end;
    background-color: #FAFAFA;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    overflow: hidden;
    transition: all 0.3s;
}
.sub-menu ul{
    font-size: calc(9px + 0.5vw);
    flex-basis: calc(45px + 3.2%);
  	padding-top:1%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    color:#000;
    transition: all 0.3s;
}
.sub-menu ul:hover{
	background:#fff;
  	transition: all 0.5s ease-in;
}
.sub-menu a{
    display: block;
    color: #313131;
    height: 45px;
    font-size: calc(7px + 0.5vw);
    line-height: 45px;
    text-align: center;
    transition: all 0.3s;
}
.sub-menu li a:hover
{
    line-height: 45px;
    background-color: rgba(0,0,0,.1);
  	transition: all 0.8s;
    font-weight: bold;

}
.navbar-toggle {
  			display:none;
            position:absolute;
            top:10px;
            right:20px;
            cursor:pointer;
            color:rgba(255,255,255,0.8);
            font-size:24px;
        }
.sub-menu:hover .sub-menu{
  display: flex;
    transition: all 0.3s;
}
.navbar:hover .sub-menu{
    display: flex;
    background-color: rgba(255,255,255,0.8);
    height: 420px;
    transition: all 0.3s;
}

  .nav-links {
        margin-left:40px;
  }
.navbar .navbar-nav .nav-link{
    padding-left: calc(5px + 0.5vw);
    padding-right: calc(0.5vw);
    font-size: calc( 10px + 0.5vw);
  font-weight:bold;
}

@media (min-width: 768px){
	.navbar .navbar-collapse {
    	padding-left: calc(60vw - 550px);
      	padding-right:6%;
	}
}
@media screen and (max-width: 1400px) {
  .nav-links {
        margin-left:20px;
  }
  
  .icon{
    /*
  	width:80%;
    */
  }
    .menu ul {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {

    .menu ul {
        font-size: 14px;
      padding:2% 0;
    }
}

@media screen and (max-width: 1000px) {

  .icon{
  	width:50%;
    padding-left: 3%;
    margin-left: 8%;
  }
	.menu {
                margin-right:5px;
    }
	.nav-links {
                margin-left:10px;
    }
  
    .navbar:hover .sub-menu{
      display: none;
    }
    .sub-menu:hover .sub-menu{
      display: none;
    }
}
@media all and  (max-width:806px) {
  
  .header {
                display: flex;
                justify-content: space-between;
                padding-bottom:0;
                height:70px;
                align-items:center;
            }
	.menu {
                display: none;
                margin-right:10px;
                flex-direction: column;
                justify-content: flex-end;
 				 list-style-type: none;
 }

	.menu li {
                margin:0;
}
  .icon{
    padding-left:0;
    margin-left: 1%;
  }
     .icon:hover,
     .nav-links:hover {
                color:rgba(255,255,255,1);
      }
  
}

@media all and  (max-width:768px) {
}

@media all and  (max-width:476px) {
  .icon{
    width:70%;
  }

}